<template>
  <div class="component-view">
    <div class="viewport-major">
      <slot/>
    </div>
    <slot name="bar">
      <r-bar/>
    </slot>
  </div>
</template>
<script>
import RBar from './r-bar'
export default {
  name: 'r-view',
  components: {
    RBar
  }
}
</script>
<style>
  .component-view {
    height: 100vh;
  }
</style>
